<template>
  <view>index</view>

  <navigator url="../profile/profile" open-type="switchTab">profile</navigator>

  <button @click="handleClick">跳转about</button>

  <counter></counter>


  <button type="primary" @click="handleEvent">跳转profile</button>
</template>
<script setup>
import Counter from '../../components/Counter.vue';
function handleClick() {
  // 跳转tabbar 关闭所有非tabbar页面
  // uni.switchTab({
  //   url: '../about/about'
  // })

  // 关闭所有的页面, 并指定打开某个页面
  // 可以实现参数传递
  uni.reLaunch({
    url: '../about/about?name=张三'
  })
}

const handleEvent = () => {
  uni.navigateTo({
    url: '/pages/profile1/profile1',
    events: {
      // 监听子页面发送的事件
      sayHello: (num) =>{
        console.log('hello', num)
      }
    },
    // 跳转成功时, 可以取消监听
    success(res) {
      const eventChannel = res.eventChannel;
      console.log('eventChannel',eventChannel);
      eventChannel.off('sayHello')

      eventChannel.emit('sayWorld', 123)
      // once 是只触发一次
    }
  })
}

// 全局监听
uni.$on('aaa',(a,b,c)=>{
  console.log('aaa',a,b,c)
})
// uni.$off
</script>

<style scoped>
view {
  font-size: 100rpx;
}
</style>